<template>
  <div>
     <div class="SuccessfulApplication"></div>
    <div class="SuccessfulApplication_die">
      <div>
        <img src="http://www.zhaoshengku.net/wx-shengqcg.png" alt />
      </div>
      <div>
        <div v-for="(item,index) in wangzName" :key="index">
          <div>
            <span>{{item.name}}</span>
            <img :src="item.imgSrc" alt @click="changeName(index)" />
          </div>
          <div>{{item.wName}}</div>
        </div>
      </div>
      <div>
          <div>
              专属特权
          </div>
          <div>
              <div v-for="(item,index) in myLvchengArr" :key="index">
                  <div>
                       <img :src="item.imgSrc" alt="">
                  </div>
                  <div>
                      {{item.name}}
                  </div>
              </div>
          </div>
      </div>
      <div>
          开始我的招生事业
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      wangzName: [
        {
          name: "网站名称：",
          imgSrc: "http://www.zhaoshengku.net/wx-%E7%BC%96%E8%BE%91.png",
          wName: "太原市鸢尾花科技有限公司"
        },
        {
          name: "网站地址：",
          imgSrc: "http://www.zhaoshengku.net/wx-%E7%BC%96%E8%BE%91.png",
          wName: "www.skjzhaoshengku.com"
        }
      ],
      windowHeights:"",
      pageHeighStyle:"",
      myLvchengArr:[
        {
          imgSrc:"http://www.zhaoshengku.net/wx-tuiguangzhengqian.png",
          name:" 赚钱权",
        },
        {
          imgSrc:"http://www.zhaoshengku.net/yuyin.png",
          name:" 最高发言权",
        }
      ]
    };
  },
  methods: {
    //  修改网站名称，网站地址

  },
  mounted(){
     // 设置头
    wx.setNavigationBarTitle({
      title: "站长申请"
    });
  }
};
</script>

<style scoped>
.SuccessfulApplication_die {
  padding: 0 30rpx;
  box-sizing: border-box;
}
.SuccessfulApplication{
  width: 100%;
  height: 20rpx;
  background: #eeeeee;
}
.SuccessfulApplication_die > div:nth-child(1) {
  text-align: center;
  padding-top: 53rpx;
}
.SuccessfulApplication_die > div:nth-child(1) > img {
  width: 260rpx;
  height: 292rpx;
}
.SuccessfulApplication_die > div:nth-child(2) {
  margin-top: 86rpx;
  display: flex;
  justify-content: space-between;
}
.SuccessfulApplication_die > div:nth-child(2) > div {
  width: 333rpx;
  height: 153rpx;
  padding-left: 20rpx;
  box-sizing: border-box;
  box-shadow: 0px 0px 10rpx 0px rgba(153, 153, 153, 0.35);
  border-radius: 10rpx;
}
.SuccessfulApplication_die > div:nth-child(2) > div > div:nth-child(1) {
  height: 55rpx;
  line-height: 55rpx;
  margin-top: 20rpx;
  display: flex;
  align-items: center;
}
.SuccessfulApplication_die > div:nth-child(2) > div > div:nth-child(1) > span {
  font-size: 28rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(0, 0, 0, 1);
  line-height: 55rpx;
}
.SuccessfulApplication_die > div:nth-child(2) > div > div:nth-child(1) > img {
  width: 25rpx;
  height: 25rpx;
}
.SuccessfulApplication_die > div:nth-child(2) > div > div:nth-child(2) {
  font-size: 24rpx;
  font-weight: 500;
  color: rgba(102, 102, 102, 1);
  line-height: 55rpx;
}
.SuccessfulApplication_die > div:nth-child(3){
  width: 100%;
  padding: 0 24rpx;
  box-sizing: border-box;
  margin-top: 30rpx;
    box-shadow:0px 0px 10rpx 0px rgba(153, 153, 153, 0.35);
  border-radius:10rpx;
}
.SuccessfulApplication_die > div:nth-child(3)>div:nth-child(1){
  height: 110rpx;
  line-height: 110rpx;
  text-align: center;
  width: 354rpx;
  margin: 0 auto;
  border-bottom: 1rpx solid #EAEAEA;
}
.SuccessfulApplication_die > div:nth-child(3)>div:nth-child(2){
  display: flex;
  justify-content: space-around;
  margin: 48rpx 0 68rpx 0;

}
.SuccessfulApplication_die > div:nth-child(3)>div:nth-child(2)>div{
    background: url('http://www.zhaoshengku.net/wx-weibiaoti.png') center center no-repeat;
    width: 202rpx;
    height: 231rpx;
    background-size: 100% 100%;
    text-align: center;
    padding-top: 60rpx;
    box-sizing: border-box;
}
.SuccessfulApplication_die > div:nth-child(3)>div:nth-child(2)>div>div:nth-child(1)>img{
  width: 66rpx;
  height: 66rpx;
}
.SuccessfulApplication_die > div:nth-child(3)>div:nth-child(2)>div>div:nth-child(2){
  font-size:23rpx;
  font-weight:500;
  color:rgba(255,255,255,1);
}
.SuccessfulApplication_die > div:nth-child(4){
  width: 685rpx;
  height: 98rpx;
  text-align: center;
  line-height: 98rpx;
  background: url('http://www.zhaoshengku.net/wx-%E5%9C%86%E8%A7%92%E7%9F%A9%E5%BD%A2%20%281%29.png') center center no-repeat;
  background-size: 100% 100%;
  font-size:34rpx;
  font-weight:bold;
  color:rgba(0,0,0,1);
  margin-top: 200rpx;
  margin-bottom: 100rpx;
}

</style>
